﻿<%@ Control Language="C#" AutoEventWireup="true" CodeFile="Weather.ascx.cs" Inherits="Widgets_Weather" %>


<script type="text/javascript">

    $(document).ready(function (e) {
        try {
            $("body select").msDropDown();
        } catch (e) {
            alert(e.message);
        }
    });

</script>

<div id="thoitiet">
    <fieldset class="shadow rounded">
        <legend class="rounded">
            <img alt="Lightning" class="icon" src="/Styles/DalatCooking/images/icons/moneybag.png" /><%=this.Title %></legend>
        <div class="box content">

            <select name="cboListCity_<%=this.ModuleID %>" style="width: 280px;" onchange="javascript:jQuery.dalatcooking.jsonWeatherVnexpress(this.value,'#weather_<%=this.ModuleID %>');">

                <option value="SonLa" data-image="/images/thoi-tiet.png" data-description="Thời tiết Sơn La">Sơn La</option>
                <option value="Haiphong" data-image="/images/thoi-tiet.png">Hải Phòng</option>
                <option value="Hanoi" selected="selected" data-image="/images/thoi-tiet.png">Hà Nội</option>
                <option value="Vinh" data-image="/images/thoi-tiet.png">Vinh</option>
                <option value="Danang" data-image="/images/thoi-tiet.png">Đà Nẵng</option>
                <option value="Nhatrang" data-image="/images/thoi-tiet.png">Nha Trang</option>
                <option value="Pleicu" data-image="/images/thoi-tiet.png">Pleiku</option>
                <option value="HCM" data-image="/images/thoi-tiet.png">Tp HCM</option>
                <option value="Viettri" data-image="/images/thoi-tiet.png">Việt Trì</option>

            </select>
            <br />
            <div id="weather_<%=this.ModuleID %>"></div>
            <script type="text/javascript">


                //<![CDATA[
                jQuery(document).ready(function () {
                    jQuery.dalatcooking.jsonWeatherVnexpress('hanoi', '#weather_<%=this.ModuleID %>');
                    });


                    //]]>
            </script>
            <br />
        </div>
    </fieldset>
</div>
